<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>管理页面</title>
    <!-- 新 Bootstrap 核心 CSS 文件 -->
    <link href="plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
    <link rel="stylesheet" type="text/css" href="css/mm-vertical.css" />
    <link rel="stylesheet" type="text/css" href="css/dashboard.css" />
    <link rel="stylesheet" type="text/css" href="plugins/font-awesome/css/font-awesome.min.css" />
    <link rel="stylesheet" type="text/css" href="plugins/metismenu/metisMenu.css" />
    <!--警告框插件-->
    <link href="plugins/toastr/toastr.min.css" rel="stylesheet" />
    <link href="plugins/sweetalert/sweetalert.css" rel="stylesheet" />
    <style>
        .col-sm-2 {
            padding: 0 0px;
        }

        .col-sm-10 {
            padding: 0 0px;
        }
    </style>

</head>
<body ng-app="backApp">
<div class="container-fluid">
    <div class="row">
        <div class="col-sm-2 sidebar" ng-controller="menuCtrl">
            <nav class="sidebar-nav">
                <ul class="metismenu" id="menu1">
                    <li>
                        <a class="has-arrow" href="#">
                            <span class="fa fa-fw fa-edit fa-2x"></span> 文章管理
                        </a>
                        <ul aria-expanded="true">
                            <li>
                                <a href="#/catgList"><span class="fa fa-circle-o fa-fw"></span> 文章分类
                                </a>
                            </li>
                            <li>
                                <a href="#/publishArticle"><span class="fa fa-circle-o fa-fw"></span> 发布文章
                                </a>
                            </li>
                            <li>
                                <a href="#/articleList"><span class="fa fa-circle-o fa-fw"></span> 文章列表
                                </a>
                            </li>
                            <li>
                                <a href="#"><span class="fa fa-circle-o fa-fw"></span> 文章留言
                                </a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <a class="has-arrow" href="#" aria-expanded="false">
                            <span class="fa fa-fw fa-code-fork fa-2x"></span> 友链分类
                        </a>
                        <ul aria-expanded="false">
                            <li>
                                <a href="#/linkList"><span class="fa fa-circle-o fa-fw"></span> 友链列表
                                </a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <a class="has-arrow" href="#" aria-expanded="false">
                            <span class="fa fa-fw fa-user fa-2x"></span> 用户管理
                        </a>
                        <ul aria-expanded="false">
                            <li>
                                <a href="#/userList"><span class="fa fa-circle-o fa-fw"></span> 用户列表
                                </a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <a class="has-arrow" href="#" aria-expanded="false">
                            <span class="fa fa-fw fa-cog fa-2x"></span> 系统管理
                        </a>
                        <ul aria-expanded="false">
                            <li>
                                <a href="#/letterList"><span class="fa fa-circle-o fa-fw"></span> 站长信箱
                                </a>
                            </li>
                            <li>
                                <a href="#/noticeList"><span class="fa fa-circle-o fa-fw"></span> 公告管理
                                </a>
                            </li>
                        </ul>
                    </li>
                </ul>
            </nav>
        </div>

        <div class="col-sm-10 col-sm-offset-2" ng-controller="headerCtrl">
            <nav class="navbar navbar-default navbar-collapse" role="navigation">
                <div class="container-fluid">
                    <ul class="nav navbar-nav navbar-left">
                        <li>
                            <a href="#">
                                <span class="fa fa-bars fa-2x"></span>
                            </a>
                        </li>
                    </ul>
                    <ul class="nav navbar-nav navbar-right">
                        <li>
                            <a href="#/letterList">
                                <span class="fa fa-envelope-o"></span>
                                <span class="badge">{{unReadCount}}</span>
                            </a>
                        </li>
                        <li class="dropdown">
                            <a class="dropdown-toggle" data-toggle="dropdown">
                                <span class="fa fa-user"></span> {{user.userName}}
                                <span class="fa fa-angle-down"></span>
                            </a>
                            <ul class="dropdown-menu">
                                <li>
                                    <a href="#" data-toggle="modal" data-target="#myModal">修改密码</a>
                                </li>
                                <li>
                                    <a href="#"  ng-click="logout()">登出</a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </nav>
            <div class="container-fluid">
                <div ng-view="">
                </div>
            </div>
        </div>
    </div>
</div>

<!-- 模态框（Modal） -->
<div ng-controller="changePwdCtrl" class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                    &times;
                </button>
                <h4 class="modal-title" id="myModalLabel">
                    修改密码
                </h4>
            </div>
            <div class="modal-body">
                <form class="form-horizontal" role="form" id="changePwdForm">
                    <div class="form-group">
                        <label for="oldPwd" class="col-md-2 control-label">原密码</label>
                        <div class="col-md-9">
                            <input ng-model="oldPwd" id="oldPwd" name="oldPwd" type="text" class="form-control" placeholder="请输入原密码">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="newPwd" class="col-md-2 control-label">新密码</label>
                        <div class="col-md-9">
                            <input ng-model="newPwd" id="newPwd" name="newPwd" type="text" class="form-control" placeholder="请输入新密码">
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭
                </button>
                <button id="btnOk" type="button" class="btn btn-primary" ng-click="changePwd()">
                    提交更改
                </button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>

<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="plugins/jquery.min.js"></script>
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="plugins/bootstrap/js/bootstrap.min.js"></script>
<script src="plugins/angularJs/angular.min.js"></script>
<script src="plugins/angularJs/angular-route.js"></script>
<script src="plugins/metismenu/metisMenu.js"></script>
<script src="js/admin/index.js"></script>
<script src="plugins/toastr/toastr.min.js"></script>
<script src="js/global.js"></script>
<script src="plugins/nice-validator/jquery.validator.min.js?local=zh-CN"></script>
<script src="plugins/sweetalert/sweetalert.js"></script>
<script src="plugins/layer/layer.js"></script>
<script>
    $(function() {
        $('#menu1').metisMenu({toggle: false});
    });
</script>

</body>
</html>